<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域</title>
</head>
<body>
    <!-- 
        1. 理解
            就是一块"地盘"，一个代码段所在的区域
            它是静态的（相对于上下文对象），在编写代码时就确定了
        2. 分类
            全局作用域
            函数作用域
            ES6之后的块作用域
        3. 作用
            隔离变量，不同作用域下同名变量不会有冲突
        注意：判断产生多少个作用域 ==> n+1（n是定义了几个函数，1是全局）
     -->
     <script>
         var a = 10, b = 20
         function Fn(x) {
             var a = 100, c = 300
             console.log('Fn()', a, b, c, x)
             function Fn2(x) {
                 var a = 10000, d = 400
                 console.log('Fn2()', a, b, c, d, x)
             }
         Fn2(100)
         Fn2(200)
         }
         Fn(10)
     </script>
</body>
</html>